<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>xx</title>
</head>
<body>
<div style="border-style: inset;border-width: medium;width: 500px">
  <div style="margin: 5px">
    <span style="text-align: left;font-size: 25px;padding: 10px">工资账单</span>
    <span style="float: right;font-weight: bold">日期: 2021-03-31</span>
  </div>

  <table border="2px" width="100%">
    <tr>
      <td width="50%"><span style="font-weight: bold;font-size: 20px">基本工资: </span><span style="margin-left: 5px">10000(元)</span>
      </td>
      <td width="50%"><span style="font-weight: bold;font-size: 20px">奖金: </span><span
        style="margin-left: 5px">5000(元)</span></td>
    </tr>
    <tr>
      <td width="50%"><span style="font-weight: bold;font-size: 20px">工时: </span><span
        style="margin-left: 5px">180(小时)</span></td>
      <td width="50%"><span style="font-weight: bold;font-size: 20px">缺勤次数: </span><span style="margin-left: 5px">2(次数)</span>
      </td>
    </tr>
    <tr>
      <td width="50%"><span style="font-weight: bold;font-size: 20px">午餐补助: </span><span style="margin-left: 5px">250(元)</span>
      </td>
      <td width="50%"><span style="font-weight: bold;font-size: 20px">交通补助: </span><span style="margin-left: 5px">250(元)</span>
      </td>
    </tr>
    <tr>
      <td width="40%"><span style="font-weight: bold;font-size: 20px">养老金基数: </span><span style="margin-left: 5px">200(元)</span>
      </td>
      <td width="40%"><span style="font-weight: bold;font-size: 20px">养老金比率: </span><span style="margin-left: 5px">2(%)</span>
      </td>
      <td style="font-weight: bold;font-size: 20px">养老金</td>
    </tr>
    <tr>
      <td width="40%"><span style="font-weight: bold;font-size: 20px">医疗基数: </span><span style="margin-left: 5px">400(元)</span>
      </td>
      <td width="40%"><span style="font-weight: bold;font-size: 20px">医疗保险比率: </span><span style="margin-left: 5px">4(%)</span>
      </td>
      <td style="font-weight: bold;font-size: 20px">医疗</td>
    </tr>
    <tr>
      <td width="40%"><span style="font-weight: bold;font-size: 20px">公积金基数: </span><span style="margin-left: 5px">500(元)</span>
      </td>
      <td width="40%"><span style="font-weight: bold;font-size: 20px">公积金比率: </span><span style="margin-left: 5px">5(%)</span>
      </td>
      <td style="font-weight: bold;font-size: 20px">公积金</td>
    </tr>
    <tr>
      <td width="50%"><span style="font-weight: bold;font-size: 20px">个人所得税: </span><span style="margin-left: 5px">300(元)</span>
      </td>
      <td width="50%"><span style="font-weight: bold;font-size: 20px">最终工资: </span><span style="margin-left: 5px">17000(元)</span>
      </td>
    </tr>
  </table>
</div>
</body>
</html>
